<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="dns-prefetch" href="http://fonts.googleapis.com/">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>OPMS-INDIA</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/opms_style.css" />
<link rel="stylesheet" type="text/css" href="css/slider_style.css" />
<link rel="stylesheet" type="text/css" href="css/nivo-slider.css" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link type="text/css" href="css/jquery-ui-1.8.18.custom.css"
	rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script
	type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript" src="js/test.js"></script> <script
	type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script> 
	<script type="text/javascript">
	$(function() {
		$( "input:submit,input:reset" ).button();

			});
	
	</script>
</head>

<body>
<div id="main"><!-- Begin Header -->
<div id="header">
<div class="container">

<div class="logo">
<h1>OPMS INDIA LOGO</h1>
</div>
<div class="side-menu">
<form>
<input type="text" value="username" />
<input type="password" value="" />
<input type="submit" value="Login" />
</form>
</div>
</div>
</div>
<!-- End Header -->
<div id="navigation">
<div class="container">

<ul id=nav_main>
	<li>
	<a href="#" class="active menu" id="tab1">
	<div class="image-center"><img src="images/computer-imac.png" width=25 height=25 alt="" /></div>
	<div class="image-center">Dashboard</div>
	</a>
	</li>
	<li><a href="#" id="tab2" class="menu" >
	<div class="image-center"><img src="images/blocks---images.png" width=25 height=25 alt="" /></div>
	<div class="image-center">Elements</div>
	</a>
	</li>
	<li>
	<a href="#" class="menu" id="tab3" > 
	<div class="image-center"><img src="images/user-comment.png" width=25 height=25 alt=""/> </div>
	<div class="image-center">User Information</div>
	</a>
	</li>
	<li><a href="#" class="menu" id="tab4"> 
	<div class="image-center"><img src="images/robot.png" width=25 height=25 alt="" /></div>
	<div class="image-center"> Plugins</div>
	</a>
	</li>
</ul>
</div>
</div>

<div class="clear"></div>
<div id="sub_nav">
<div class="container">
<div id="tab1_div" class="sub_menu">
<ul>
	<li><a href="./dashboard.html" class="active">Dashboard</a></li>
	<li><a href="./404.html">404</a></li>
	<li><a href="./login.html">Login</a></li>
</ul>

</div>
<div id="tab2_div" class="no-display sub_menu">
<ul>
	<li><a href="./forms.html">Forms</a></li>
	<li><a href="./gallery.html">Gallery</a></li>
	<li><a href="./lists.html">Lists</a></li>
	<li><a href="./tables.html">Tables</a></li>
	<li><a href="./tabs.html">Tabs</a></li>
	<li class=last-child><a href=".">Wizard</a></li>
</ul>

</div>
<div id="tab3_div" class="no-display sub_menu">
<ul>
	<li><a href="./alert_boxes.html">Alert Boxes</a></li>
	<li><a href="./messages.html">Messages (Fallr)</a></li>
	<li><a href="./notifications.html">Notifications</a></li>
</ul>
</div>
<div id="tab4_div" class="no-display sub_menu">
<ul>

	<li><a href="./explorer.html">Explorer</a></li>
	<li><a href="./editor.html">Rich Text Editor</a></li>
	<li><a href="./tooltips.html">Tooltips</a></li>
</ul>
</div>


</div>
</div>
<!-- this is start of content -->

<div id="content">
<div class="container">
<div class="grid_10 fleft box">

<div class="flash">
      
    
          <div class="slider-wrapper theme-default">
            <div class="ribbon"></div>
            <div id="slider" class="nivoSlider">
                <img src="images/1.jpg" alt="" />
                <img src="images/2.jpg" alt="" />
                <img src="images/3.jpg" alt="" />
                <img src="images/4.jpg" alt=""/>
				<img src="images/5.jpg" alt=""/>
            </div>
        </div> 

     
      <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
    </div>

</div>
<div class="grid_6 fright box">
<div class="box1">
<div class="thead">Doctor Search</div>
<form>
<div class="row">
<div class="col-1">Search By Name</div>
<div class="col-2"><input type='text' name='' class='text' /></div>
</div>
<div class="row">
<div class="col-1">Search By Location</div>
<div class="col-2"><input type='password' name='' class='' /></div>
</div>
<div class="row">
<div class='aleft'><input type='reset' name='' value='Clear'
	class='button' /></div>
<div class='aright'><input type='submit' name='' value='Submit'
	class='button' /></div>
</div>

</form>
</div>
<div class="box1">
<div class="thead">Doctor Registration</div>
<form>
<div class="row">
<div class="col-1">Email-Id</div>
<div class="col-2"><input type='text' name='' class='text' /></div>
</div>
<div class="row">
<div class="col-1">Password</div>
<div class="col-2"><input type='password' name='' class='' /></div>
</div>
<div class="row">
<div class='aleft'><input type='reset' name='' value='Clear'
	class='button' /></div>
<div class='aright'><input type='submit' name='' value='Submit'
	class='button' /></div>
</div>

</form>
</div>
</div>
</div>
</div>

<!-- this is end of content -->
<div id="footer">
<div class="container">this is footer</div>
</div>
</div>
</body>
</html>
